簡易的範例,說明jQuery的簡易以及強大
設定Form1裡面的Text1的值為ABC
傳統的作法
window.document.form1.Text1.value=‘ABC’;
再精簡的做法
document.getElementById(‘Text1’).value=‘ABC’;
document.all(‘Text1’).value=‘ABC’; //(只支援IE)
jQuery的寫法
$(‘#Text1’).val(‘ABC’);
按下按鈕,顯示隱藏某div的內容
傳統的作法
function button1_onclick() {
var div1=document.getElementById('div1');
if(div1.style.display=='')
{
div1.style.display='none';
}
else
{
div1.style.display='';
}
}
jQuery的作法
$('#button2').click(function(){
$('#div2').toggle();
});